/********** Global **********/
html, body {
	width:100%;
	height:100%;
	font-family:"microsoft yahei", arial, sans-serif;
	background-color:#0b0f34;
	
}
body {margin:0 auto;}
.display_view .dis_header{
    height: 100px;
    background: url("../images/title.png") no-repeat top center;
}
.display_view .dis_footer{
    border-top: 1px solid #06b7fa;
    height: 40px;
}
.grid{
    padding: 2px;
    border: 1px solid #20558b;
    box-sizing: border-box;
    
    background: linear-gradient(to left, #00d3e7, #00d3e7) left top no-repeat, 
                linear-gradient(to bottom, #00d3e7, #00d3e7) left top no-repeat, 
                linear-gradient(to left, #00d3e7, #00d3e7) right bottom no-repeat,
                linear-gradient(to left, #00d3e7, #00d3e7) right bottom no-repeat;
    background-size: 2px 20px, 20px 2px, 2px 20px, 20px 2px;  
}
.grid-background{ 

    width:100%; 
    
    
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red); /*IE 6 7 8*/ 
    
    background: -ms-linear-gradient(top, #fff,  #17163b);        /* IE 10 */
    
    background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/ 
    
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#17163b), to(#122752));/*谷歌*/ 
    
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0a3e76), to(#17163b));      /* Safari 4-5, Chrome 1-9*/
    
    background: -webkit-linear-gradient(top, #122752, #17163b);   /*Safari5.1 Chrome 10+*/
    
    background: -o-linear-gradient(top, #fff, #17163b);  /*Opera 11.10+*/
    
    } 